<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>onsubmit事件</title>
    <script type="text/javascript">
        /*onsubmit表单提交事件:
            常用于表单提交前，验证所有表单项是否合法。*/
        //静态注册onsubmit事件
        function onsubmitFun() {
            //要验证所有表单提交事务，如果，有一个不合法就阻止表单提交
            alert("静态注册表单提交事件----发现不合法");
            return false;
        }
        //动态注册onsubmit事件
        window.onload = function () {
            var acSubmit = document.getElementById("active");
            acSubmit.onsubmit = function () {
                alert("动态注册表单提交事件----发现不合法");
                return false;
            }
        }
    </script>
</head>
<body>
    <!--return false可以阻止表单提交-->
    <form action="http://www.baidu.com" method="post" onsubmit="return onsubmitFun()">
        <input type="submit" value="静态注册">
    </form>
    <br>
    <form action="http://www.baidu.com" method="post" id="active">
        <input type="submit" value="动态注册">
    </form>
</body>
</html>